<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/personal.css">

</head>
<body>
 <!-- 头部导航 -->
 <div class="nav-container">
    <div class="nav">
        <div class="nav-left">
            <a href="#">
                <span>上海市</span>
                <i class="iconfont icon-ico_arrowdown"></i>
            </a>
        </div>
        <ul class="nav_right">
            <li>
                <span id="login_mark">
                    <a href="./login.html">
                        请登录
                        <i class="iconfont icon-ico_arrowdown"></i>
                    </a>
                    <!-- <b>/</b>              -->
                </span>
                <div class="hiden">
                    <img src="imgs/hearder1.jpg" alt="">
                    <a href="#">
                        <span>欢迎回来[请登录]</span>
                        <ul>
                            <li><a href="">我的收藏</a></li>
                        
                            <li><a href="">零钱</a></li>
                        
                            <li><a href="">我的唯品币</a></li>
                        </ul>
                        <ul>
                            <li><a href="">我的订单</a></li>
                        
                            <li><a href="">我的优惠券</a></li>
                       
                            <li><a href="">唯品金融</a></li>
                        </ul>
                    </a>

                </div>
                
            </li>
            <li>
                <span id="register_mark">
                    <a href="./register.html">
                        注册
                        <i></i>
                    </a>
                </span> 
                <div class="hiden"></div>       
            </li>
            <li>
                <span>
                    <img src="imgs/nav_img1.gif" alt="">
                    <a href="#">
                        签到有礼
                        <i></i>
                    </a>
                    <!-- <b>/</b> -->
                </span>
                <div class="hiden">
                    <h2>请前往<i>唯品会APP首页</i>签到哦</h2>
                    <p>即日起，签到网页端入口将下线，请前往“唯品会APP首页-签到领券”继续参与签到活动。</p>
                    <img src="imgs/header2.png" alt="">
                    <div>
                        <img src="imgs/hearder3.png" alt="">
                        <span>也可以用微信扫码签到哦</span>
                    </div>
                </div>   
            </li>
            <li>
                <span>
                    <a href="#">
                        我的订单
                        <i></i>
                    </a>
                    <!-- <b>/</b> -->
                </span>  
                <div class="hiden"></div>                 
            </li>
            <li>
                <span>
                    <a href="#">
                        我的特卖
                        <i class="iconfont icon-ico_arrowdown"></i>
                    </a>
                    <!-- <b>/</b> -->
                </span>
                <div class="hiden">
                    <ul>
                        <li><a href="">商品收藏</a></li>
                        <li><a href="">品牌收藏</a></li>
                        <li><a href="">我的足迹</a></li>
                    </ul>
                </div>                   
            </li>
            <li>
                <span>
                    <a href="#">
                        会员俱乐部
                        <i class="iconfont icon-ico_arrowdown"></i>
                    </a>
                    <!-- <b>/</b>             -->
                </span>
                <div class="hiden">
                    <ul>
                        <li><a href="">俱乐部首页</a></li>
                        <li><a href="">唯品币兑换</a></li>
                    </ul>
            </li>
            <li>
                <span>
                    <a href="#">
                        客户服务
                        <i class="iconfont icon-ico_arrowdown"></i>
                    </a>
                    <!-- <b>/</b>    -->
                </span>
                <div class="hiden">
                    <ul>
                        <li><a href="">联系客服</a></li>
                        <li><a href="">帮助中心</a></li>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">知识产权投诉</a></li>
                    </ul>
                </div>    
            </li>
            <li>
                <span>
                    <i class="iconfont icon-shouji"></i>
                    <a href="#">手机版<i></i></a>
                    <!-- <b>/</b>                    -->

                </span>
                <div class="hiden"></div>
            </li>
            <li>
                <span>
                    <a href="#">
                        更多
                        <i class="iconfont icon-ico_arrowdown"></i>
                    </a>
                </span>
                <div class="hiden">
                    <h5>合作专区</h5>
                    <p><a href="">唯品卡</a></p>
                    <h5>关于我们</h5>
                    <ul>
                        <li><a href="">Sell on vip</a></li>
                        <li><a href="">品牌招商</a></li>
                        <li><a href="">官方博客</a></li>
                    </ul>
                
            </li>
        </ul>
    </div>
</div>
<!-- 搜索框 -->
<div class="search-container">
    <div class="search-inner">
        <img src="imgs/search_img1.gif" alt="" class="logo">
        <div class="search-left">
            <a href="">
                <img src="imgs/search_img2.gif" alt="">
                <span>100%正品</span>
            </a>
            <a href="">
                <img src="imgs/search_img3.gif" alt="">
                <span>88元包邮</span>
            </a>
            <a href="">
                <img src="imgs/search_img4.gif" alt="">
                <span>退换无忧</span>
            </a>
        </div>
        <div class="search-box">
            <input type="text" placeholder="  SKII">
            <a class="search-button" href="./list.html">
                <span class="iconfont icon-search"></span>
            </a>
            <ul class="search-mes">
                <li><a href="">女士t恤</a></li>
                <li><a href="">女士休闲裤</a></li>
                <li><a href="">手机</a></li>
                <li><a href="">护肤套装</a></li>
                <li><a href="">女休闲鞋</a></li>
            </ul>
        </div>
        <div class="shopping-bags">
            <a href="">
                <span class="iconfont icon-gouwudai" ></span>
                <span ><a href="./cart.html">购物车</a></span>
                <span class="span-r">0</span>
            </a>
        </div>
            <ul id="search-bottom">
                <li>
                    <span>我的唯品会</span>
                    <span>安全中心</span>

                </li>
                <li>
                    <span>首页</span>
                    <span>我的特卖</span>
                </li>
                
                
            </ul>
            
    </div>
        
    
    
</div>
<script src="js/personal.js"></script>
    
</body>
</html>